{% extends 'base-layer.html' %}
{% load staticfiles %}

{% block main %}
    <div class="box box-danger">
        <form class="form-horizontal" id="addForm" method="post">
            {% csrf_token %}
            <input type="hidden" name="id" value="{{ user.id }}">
            <div class="box-body">
                <fieldset>
                    <legend><h4>基本信息</h4></legend>
                    <div class="form-group has-feedback">
                        <label class="col-sm-2 control-label">姓名</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="name" readonly="readonly"
                            value="{{ user.name }}">
                        </div>
                        <label class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" name="username" readonly="readonly"
                            value="{{ user.username }}">
                        </div>
                    </div>

                    <legend><h4>密码</h4></legend>
                    <div class="form-group has-feedback">
                        <label class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-3">
                            <input type="password" class="form-control" name="password">
                        </div>
                        <label class="col-sm-2 control-label">确认密码</label>
                        <div class="col-sm-3">
                            <input type="password" class="form-control" name="confirm_password">
                        </div>
                    </div>
                </fieldset>
            </div>

            <div class="box-footer">
                <div class="row span7 text-center">
                    <button type="button" id="btnCancel" class="btn btn-default margin-right">
                        重置
                    </button>
                    <button type="button" id="btnSave" class="btn btn-info margin-right">
                        确定
                    </button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="{% static 'plugins/combo-select/jquery.combo.select.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap-datetimepicker.js' %}"></script>

    <script type="text/javascript">
        $("#btnSave").click(function () {
            var data=$('#addForm').serialize();
            $.ajax({
                type: $('#addForm').attr('method'),
                url:"{% url 'system:basic-user-password_change' %}",
                data:data,
                cache:false,
                success:function (msg) {
                    if(msg.status == 'success'){
                       layer.alert('数据保存成功！',{icon:1},function (index) {
                           parent.layer.closeAll();
                       });
                   } else if (msg.status == 'fail'){
                       layer.alert(msg.password_change_form_errors,{icon:5});
                   }
                   return ;
                }
            });
        });

        $("#btnCancel").click(function () {
            window.location.reload();
        });

    </script>
{% endblock %}